import Link from "next/link";

export default function Page() {
  return (
    <main>
      <h1 className="text-4xl">概念汇总</h1>
      <ol style={{listStyle: 'decimal outside'}}>
        <li className="text-blue-600">APP Router (pages router)</li>
        <ul>
          <Link href="/concept/folder-path"><li>文件夹路径与前端路由的约定</li></Link>
          <Link href="/concept/folder-content"><li>文件夹内容的约定</li></Link>
          <Link href="/concept/file-content"><li>文件导出内容的约定</li></Link>
        </ul>

        <li className="text-blue-600">Client & Server Component</li>
        <ul>
          <Link href="/concept/rsc"><li>React Server Component</li></Link>
        </ul>

        <li className="text-blue-600">Helpers</li>
        <ul>
        <Link href="/concept/next-fetch"><li>next fetch</li></Link>
          <Link href="/concept/router"><li>路由控制</li></Link>
          <Link href="/concept/request-objects"><li>请求响应控制</li></Link>
          <Link href="/concept/middleware"><li>middleware</li></Link>
          <Link href="/concept/caching"><li>caching</li></Link>
        </ul>

        <li className="text-blue-600">pre-demo</li>
        <ul>
          <Link href="/concept/others"><li>pre-demo</li></Link>
        </ul>
        
        <li className="text-blue-600">(..)demo</li>
        <ul>
          <Link href="/demo"><li>(..)demo</li></Link>
        </ul>
      </ol>
    </main>
  )
}
